Tengo este objeto json.
[ { "crime": "LARCENY-NON_VEHICLE", "count": "23217" }, { "crime": "AUTO_THEFT", "count": "13675" }, { "crime": "LARCENY-FROM_VEHICLE", "count": "28627" }, { "crime": "BURGLARY-RESIDENCE", "count": "16312" } ]Necesito mostrar estos datos en un gráfico circular, así que necesito convertirlos a este formato.
[ {name: "LARCENY-NON_VEHICLE", value: 23217}, {name: "AUTO_THEFT", value: 13675}, {name: "LARCENY-FROM_VEHICLE", value: 28627}, {name: "BURGLARY-RESIDENCE", value: 16312} ]Así es como estoy recuperando los datos usando axios.
Simplemente puede usar el mapa para devolver una nueva matriz con valores de la matriz anterior
const data = [{ "crime": "LARCENY-NON_VEHICLE", "count": "23217" }, { "crime": "AUTO_THEFT", "count": "13675" }, { "crime": "LARCENY-FROM_VEHICLE", "count": "28627" }, { "crime": "BURGLARY-RESIDENCE", "count": "16312" } ]; const newData = data.map(item => { return { name: item.crime, value: +item.count // + to convert string to number } }); console.log(newData)Simplemente puede formatear una matriz llamando a la función de mapa
const arr = [ { crime: "LARCENY-NON_VEHICLE", count: "23217", }, { crime: "AUTO_THEFT", count: "13675", }, { crime: "LARCENY-FROM_VEHICLE", count: "28627", }, { crime: "BURGLARY-RESIDENCE", count: "16312", }, ]; arr.map((e) => ({ name: e.crime, count: Number.parseInt(e.count) }))